<template>
  <div class="nav">
    <mt-navbar v-model="selected">
      <mt-tab-item id="1">
        <router-link to="/home" tag="li" active-class="active">
          首页
        </router-link>
      </mt-tab-item>
      <mt-tab-item id="2">
        <router-link to="/follow" tag="li" active-class="active">
          关注
        </router-link>
      </mt-tab-item>
      <mt-tab-item id="3">
        <router-link to="/column" tag="li" active-class="active">
          栏目
        </router-link>
      </mt-tab-item>
    </mt-navbar>
  </div>
</template>

<script>
  import { Navbar, TabItem } from 'mint-ui';
  export default {
    data() {
      return {
        selected: 1
      }
    },
    components: {
      Navbar,
      TabItem
    }
  }
</script>

<style>
</style>
